<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML Catchphrase</title>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/objx-2.3.6.js" type="text/javascript"></script>
    <script src="js/crazyphrase.js" type="text/javascript"></script>
    <script src="js/phrases.js"></script>
</head>
<body onload="init()">
<div align="left">
 <input id="timer" readonly="">
</div>
<br>
<div>
 <INPUT id="maxscore" oninput="maxscorechange()" TYPE="NUMBER" MIN="5" MAX="20" STEP="1" VALUE="10" >
</div>
<div align="right">
    <h4>Catagory</h4>
    <select id="categorylist" onchange="setCategory()"></select>
</div>
<table align="center">
    <tr>
        <td><input id="team1"></td>
        <td align="center"><button onclick="toggleTimer()">Start/Stop</button></td>
        <td><input id="team2"></td>
    </tr>
    <tr>
        <td  align="center"><button onclick="updateTeam1()">Team 1</button></td>
        <td><input id="phrase"></td>
        <td  align="center"><button onclick="updateTeam2()">team 2</button></td>
    </tr>
    <tr>
        <td></td>
        <td colspan="3" align="center" onclick="getPhrase()"><button><b>NEXT</b></button></td>
        <td></td>
    </tr>
</table>

</body>
</html>